<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>路由1</title>
  <meta name="viewport" content="initial-scale=1, maximum-scale=1">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">

  <link rel="stylesheet" href="../dist/static/sui/css/sm.min.css">
  <link rel="stylesheet" href="../dist/static/sui/css/sm-extend.min.css">

</head>
<body>
  <!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
  <div class="page-group">
    <!-- 单个page ,第一个.page默认被展示-->
    <div class="page page-current" id='routers-index'>
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left back">
                <span class="icon icon-left"></span>
                返回
            </a>
            <h1 class="title">路由 Demo 页面 A</h1>
        </header>
        <div class="content">
            <div class="content-padded">
                <ul>
                    <li>
                        <a href="#routers-index-inner-1">页面 A 内联 page 1</a>
                    </li>
                    <li>
                        <a href="router2.html">外部页面2</a>
                    </li>
                    <li>
                        <a href="javascript:;">当前页面（不做任何处理）</a>
                    </li>
                </ul>
            </div>

            <div class="content-block-title">默认下面这些协议的链接不使用路由功能</div>
            <div class="content-padded">
                <ul>
                    <li>
                        <a href="tel:10086">电话 tel:</a>
                    </li>
                    <li>
                        <a href="mailto:xx@yy.com">mailto:xx@yy.com;</a>
                    </li>
                    <li>
                        <a href="javascript:;">javascript:;</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 其他的单个page内联页 page 1 -->
    <div class="page" id="routers-index-inner-1">
        <p>页面 A 内联 page 1</p>
        <p>
            <a href="#routers-index-inner-2">页面 A 内联 page 2</a>
        </p>
    </div>

    <!-- 其他的单个page内联页 page 1 -->
    <div class="page" id="routers-index-inner-2">
        <p>页面 A 内联 page 2</p>
    </div>

  </div>

  <script src='../dist/static/sui/js/zepto.min.js'></script>
  <script src='../dist/static/sui/js/sm.js'></script>
  <script src='../dist/static/sui/js/sm-extend.js'></script>
  <script>
      $.init();
  </script>
</body>
</html>
